		/*
			create by zrong.me
			请大家关注我的个人微博 说Z先生爱你
			也请大家关注我的个人网站 zrong.me
		*/
		* {
		    padding: 0;
		    margin: 0;
		    list-style: none;
		    text-decoration: none;
		}

		html,
		body {
		    height: 100%;
		    width: 100%;
		    font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif;
		    color: #555;
		    font-size: 15px;
		    line-height: 1.7;
		}

		input:focus {
		    outline: none;
		}

		canvas {
		    display: block;
		    vertical-align: bottom;
		}

		#box {
		    width: 100%;
		    height: 100%;
		    background-color: #F7FAFC;
		    background-size: cover;
		    background-position: 50% 50%;
		    background-repeat: no-repeat;
		    position: fixed;
		    top: 0;
		    left: 0;
		    right: 0;
		    bottom: 0;
		    z-index: 1;
		}

		.cent-box {
		    width: 300px;
		    height: 440px;
		    vertical-align: middle;
		    white-space: normal;
		    margin: 0 auto;
		    position: absolute;
		    z-index: 2;
		    left: 50%;
		    top: 50%;
		    margin-left: -150px;
		    margin-top: -220px;
		}

		.register-box {
		    height: 490px;
		    margin-top: -270px;
		}

		.cent-box-header {
		    text-align: center;
		}

		.hide {
		    font: 0/0 a;
		    color: transparent;
		    text-shadow: none;
		    background-color: transparent;
		    border: 0;
		}

		.cent-box-header .main-title {
		    width: 250px;
		    height: 74px;
		    font-size: 50px;
		    font-family: "宋体";
		    margin: 0 auto;
		    color: rgb(15, 136, 235);
		}

		.cent-box-header .sub-title {
		    margin: 30px 0 20px;
		    font-weight: 400;
		    font-size: 18px;
		    line-height: 1;
		}

		.clearfix:before {
		    content: '';
		    display: table;
		}

		.index-tab {
		    text-align: center;
		    font-size: 18px;
		    margin-bottom: 10px;
		}

		.index-tab .index-slide-nav {
		    display: inline-block;
		    position: relative;
		}

		.index-tab .index-slide-nav a {
		    float: left;
		    width: 4em;
		    line-height: 35px;
		    opacity: 0.7;
		    -webkit-transition: opacity .15s, color .15s;
		    transition: opacity .15s, color .15s;
		    color: #555;
		}

		.index-tab .index-slide-nav a:hover {
		    color: #0f88eb;
			opacity: 1;
		}

		.index-tab .index-slide-nav a.active {
		    opacity: 1;
		    color: #0f88eb;
		}

		.slide-bar {
		    position: absolute;
		    left: 0;
		    bottom: 0;
		    margin: 0 .8em;
		    width: 2.4em;
		    height: 2px;
		    background: #0f88eb;
		}

		.slide-bar1 {
		    left: 4em;
		}

		.form {
		    float: none;
		    margin: auto;
		    text-align: left;
		    width: 300px;
		}

		.form .group {
		    padding: 1px 0;
		    border: 1px solid #d5d5d5;
		    border-radius: 3px;
		}

		.form .group .group-ipt {
		    position: relative;
		    margin: 0;
		    overflow: hidden;
		}

		.form .group .group-ipt input {
		    padding: 1em .8em;
		    width: 100%;
		    box-sizing: border-box;
		    border: 0;
		    border-radius: 0;
		    box-shadow: none;
		    background: rgba(255, 255, 255, 0.5);
		    font-family: 'Microsoft Yahei';
		    color: #666;
		    position: relative;
		}

		.errorTip{
			position: absolute;
			top: 1.1em;
			right: 5px;
			display: block;
			font-size: 7px;
			color: #ff0303bf;
			z-index: 999;
		}

		#password,
		#verify,
		#user,
		#password1 {
		    border-top: 1px solid #e8e8e8;
		}

		.imgcode {
		    width: 95px;
		    position: absolute;
		    right: 0;
		    top: 2px;
		    cursor: pointer;
		    height: 40px;
		}

		.button {
		    margin-top: 18px;
		}

		.btn {
		    width: 100%;
		    background: #0f88eb;
		    box-shadow: none;
		    border: 0;
		    border-radius: 3px;
		    line-height: 41px;
		    color: #fff;
		    display: block;
		    font-size: 15px;
		    cursor: pointer;
		    font-family: 'Microsoft Yahei';
		}

		.btn:hover {
		    background: #80c3f7;
		}

		.remember {
		    margin-top: 10px;
		    line-height: 30px;
		}

		.remember label {
		    display: block;
		}

		.remember-me {
		    font-size: 14px;
		    float: left;
		    position: relative;
		    cursor: pointer;
		}

		.icon {
		    width: 11px;
		    height: 11px;
		    display: block;
		    border: 1px solid #ccc;
		    float: left;
		    margin-top: 8px;
		    margin-right: 5px;
		    cursor: pointer;
		}

		.zt {
		    width: 9px;
		    height: 9px;
		    background: #0f88eb;
		    margin: 1px;
		    display: block;
		}

		#remember-me {
		    position: absolute;
		    left: 0;
		    top: 8px;
		    opacity: 0;
		    cursor: pointer;
		}

		.forgot-password {
		    float: right;
		    font-size: 14px;
		}

		.forgot-password a {
		    color: #555;
		}

		.forgot-password a:hover {
		    text-decoration: underline;
		}

		.footer {
		    position: fixed;
		    width: 100%;
		    height: 40px;
		    bottom: 0;
		    left: 0;
		    text-align: center;
		    color: #999;
		    z-index: 2;
		    padding-bottom: 10px;
		    font-size: 13px;
		}

		.footer a {
		    color: #666;
		    text-decoration: underline;
		}